<template>
  <view>
    <VideoBox>
      <template #content>
        <view class="outBox">
          <u-navbar leftText="我的拼卡" leftIconColor="#fff" :autoBack="true" bgColor="rgba(0, 0, 0, 0.6)">
            <view class="left-slot" slot="left">
              <u-icon name="arrow-left" color="#fff"></u-icon>
              <text>{{ '我的拼卡' }}</text>
            </view>
          </u-navbar>
          <view class="content">
            <view class="img">
              <image :src="getImgUrl('/mine/cardCombination/img6.png')" mode="widthFix"/>
              <text>发起拼卡成功</text>
            </view>


            <view class="btns">
              <view class="btnOut" >
                <view class="btn" @click="backHome">
                  返回首页
                </view>
              </view>
            </view>
          </view>
        </view>
      </template>
    </VideoBox>
  </view>
</template>

<script>
import VideoBox from "@/components/VideoBox/index.vue";
import {getImgUrl, getWXStatusHeight} from "@/utils";

export default {
  components: {
    VideoBox
  },
  onLoad() {
    let obj = getWXStatusHeight()
    this.menuHeight = obj.menuHeight
  },
  data() {
    return {
      menuHeight: 0,
    };
  },
  methods: {
    getImgUrl,
    backHome(){
      uni.switchTab({
        url:'/pages/home/index'
      })
    },
  }
}
</script>

<style lang="scss" scoped>
.btns {
  margin-top: 46rpx;
  margin-bottom: 80rpx;
  .btnOut {
    border-radius: 64rpx;
    box-shadow: 0rpx 0rpx 40rpx 38rpx rgba(15, 198, 194, 0.25);
  }


  .btn {
    font-size: 32rpx;
    text-align: center;
    color: #fff;
    width: 100%;
    height: 110rpx;
    line-height: 110rpx;
    background: #0FC6C2;
    border-radius: 64rpx;
    box-shadow: inset 0rpx 14rpx 34rpx 0rpx #FFFFFF;
    position: relative;

    .iconImg {
      width: 32rpx;
      margin-left: 8rpx;
    }

    .myText {
      text {
        font-weight: 600;
        font-size: 36rpx;
        color: #FFFFFF;
        line-height: 36rpx;
        text-align: left;
        font-style: normal;
      }
    }
  }

}
.content {
  padding: 32rpx;
  .img{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    image{
      width: 412rpx;
    }
    text{
      font-weight: 500;
      font-size: 44rpx;
      color: #FFFFFF;
    }
  }
}

.left-slot {
  color: #fff;
  display: flex;
  align-items: center;

  image {
    width: 40rpx;
    margin-right: 30rpx;
  }
}
</style>
